<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="./css/首页.css">
    <script>
        !(function(win, doc) {
            function setFontSize() {
                var winWidth = window.innerWidth;
                doc.documentElement.style.fontSize = (winWidth / 1080) * 100 + 'px';
            }
            var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
            var timer = null;
            win.addEventListener(evt, function() {
                clearTimeout(timer);
                timer = setTimeout(setFontSize, 300);
            }, false);
            win.addEventListener("pageshow", function(e) {
                if (e.persisted) {
                    clearTimeout(timer);
                    timer = setTimeout(setFontSize, 300);
                }
            }, false);
            setFontSize();
        }(window, document));
    </script>
</head>

<body>
    <div class="gwag">
        <div class="hean">
            <div class="nav_left">
                <img src="./APP图片/logo.png" alt="">
            </div>
            <div class="nav_center">
                <img src="./APP图片/下载 (1).png" alt="">
                <input type="text" placeholder="小米11">
            </div>
            <div class="nav_right">
                <a href=""><img src="./APP图片/default.png" alt=""></a>
            </div>
        </div>
        <div class="nav">
            <ul>
                <li><a href="">推荐</a></li>
                <li><a href="">手机</a></li>
                <li><a href="">智能</a></li>
                <li><a href="">电脑</a></li>
                <li><a href="">家电</a></li>
                <li><a href="">笔记本</a></li>
                <li><a href=""> ∨</a>
                    <div class="nav_xl">
                        <p>全部</p>
                        <div class="nav_xl1">
                            <ul>
                                <li><a href="">推荐</a></li>
                                <li><a href="">手机</a></li>
                                <li><a href="">智能</a></li>
                                <li><a href="">电脑</a></li>
                                <li><a href="">家电</a></li>
                                <li><a href="">笔记本</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="Rotation_chart">
            <div class="Carousel_chart_container">
                <a href=""><img src="./APP图片/lbt1.jpg" alt=""></a>
                <a href=""><img src="./APP图片/lbt2.jpg" alt=""></a>
                <a href=""><img src="./APP图片//lbt3.jpg" alt=""></a>
            </div>
        </div>
        <div class="Icon">
            <ul>
                <li>
                    <a href=""><img src="./APP图片/b1749080cf5bbc4dfebff83013bbebaf.webp" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="./APP图片/小米2.crdownload" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="./APP图片/3a28a43e0599110b5f4370be43e7e75e.webp" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="./APP图片/换新人.crdownload" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="./APP图片/0434594382110f3bd15c90f040d5d542.webp" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="./APP图片/64f3988b6216e4c1ab62a7f50df3e816.webp" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="./APP图片/9ea68dee2bfa0e55a82236b0d968e975.png" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="./APP图片/96c780016ea196743905dc93f9249c39.png" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="./APP图片/9425031cdd7af22d9a23a5ae16d1f57c.webp" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="./APP图片/f11f9df6b0b0b428f8c8fc3267131830.png" alt=""></a>
                </li>
            </ul>
        </div>
        <div class="product">
            <div class="product_merge">
                <a href="./html/小米10.html"><img src="./APP图片/29b39579739d82269d18f0e7c8f6c9da.webp" alt=""></a>
            </div>
            <div>
                <img src="./APP图片/5b9af94e5c05bb2b4849cbb113eddb9d.webp" alt="">
            </div>
            <div>
                <img src="./APP图片/a12873ff30a6da401d74728878625c37.webp" alt="">
            </div>
        </div>
        <div class="division">
            <img src="./APP图片/5b2fff7f7b8de6d371601caf3a827eed.webp" alt="">
        </div>
        <div class="commodity">
            <div class="commodity1">
                <img src="./APP图片/b849e46756af7c95002aa3906ed77c13.jpg" alt="">
                <samp>小米11pro</samp>
                <samp>1/1.12"g2|晓龙888</samp>
                <p>￥4999起<samp>￥4999</samp></p>
                <button>立即购买</button>
            </div>
            <div class="commodity1">
                <img src="./APP图片/94b22bbff9fa84440a0aed48f9f63154.jpg" alt="">
                <samp>MIX FOLD 小米折叠屏手机</samp>
                <samp>折叠大屏|自研芯片</samp>
                <p>￥9999起</p>
                <button>立即购买</button>
            </div>
            <div class="commodity1">
                <img src="./APP图片/6dca45286d9d76d1f864a8ecf77f5600.jpg" alt="">
                <samp>小米11pro</samp>
                <samp>1/1.12"g2|晓龙888</samp>
                <p>￥4999起<samp>￥4999</samp></p>
                <button>立即购买</button>
            </div>
            <div class="commodity1">
                <img src="./APP图片/455c8ad8d204e4ffd67865a98ae40c7b.jpg" alt="">
                <samp>小米11pro</samp>
                <samp>1/1.12"g2|晓龙888</samp>
                <p>￥4999起<samp>￥4999</samp></p>
                <button>立即购买</button>
            </div>
            <div class="commodity1">
                <img src="./APP图片/b32136fc8b4e81e8bca912d23c384c9d.jpg" alt="">
                <samp>小米11pro</samp>
                <samp>1/1.12"g2|晓龙888</samp>
                <p>￥4999起<samp>￥4999</samp></p>
                <button>立即购买</button>
            </div>
            <div class="commodity1">
                <img src="./APP图片/931c518351d93186d11ab7548a2754b5.jpg" alt="">
                <samp>小米11pro</samp>
                <samp>1/1.12"g2|晓龙888</samp>
                <p>￥4999起<samp>￥4999</samp></p>
                <button>立即购买</button>
            </div>
            <div class="commodity1">
                <img src="./APP图片/7fb74299ef995a4ae4f4a687c9873f78.jpg" alt="">
                <samp>小米11pro</samp>
                <samp>1/1.12"g2|晓龙888</samp>
                <p>￥4999起<samp>￥4999</samp></p>
                <button>立即购买</button>
            </div>
            <div class="commodity1">
                <img src="./APP图片/66976d8caaea76a1a14db103e2793897.jpg" alt="">
                <samp>小米11pro</samp>
                <samp>1/1.12"g2|晓龙888</samp>
                <p>￥4999起<samp>￥4999</samp></p>
                <button>立即购买</button>
            </div>
            <div class="ti"> <a href="">更多小米手机产品 &gt;</a></div>
        </div>
        <div class="Commodity_TV">
            <img src="./APP图片/42e02f30c05282812529e499211f4c85.webp" alt="">
            <div class="ti"> <a href="">更多小米电视产品 &gt;</a></div>
        </div>
        <div class="Commodity_notebook">
            <div class="Commodity_notebook1">
                <img src="./APP图片/393a90da633889384d35acb7c44eeb17.webp" alt="">
            </div>
            <div class="commodity1">
                <img src="./APP图片/3d9f52d99494329988b23fb32e72862f.png" alt="">
                <samp>小米11pro</samp>
                <samp>1/1.12"g2|晓龙888</samp>
                <p>￥4999起<samp>￥4999</samp></p>
                <button>立即购买</button>
            </div>
            <div class="commodity1">
                <img src="./APP图片/3d9f52d99494329988b23fb32e72862f.png" alt="">
                <samp>小米11pro</samp>
                <samp>1/1.12"g2|晓龙888</samp>
                <p>￥4999起<samp>￥4999</samp></p>
                <button>立即购买</button>
            </div>
            <div class="ti"> <a href="">更多小米笔记本产品 &gt;</a></div>
        </div>
        <div class="Commodity_TV">
            <img src="./APP图片/5070349d6511ec431810d7528de020aa.webp" alt="">
            <div class="ti"> <a href="">更多小米家电产品 &gt;</a></div>
        </div>
        <div class="Commodity_TV">
            <img src="./APP图片/30f699fd686d90fb0d4e91090ebc38ed.webp" alt="">
            <div class="ti"> <a href="">更多小米智能产品 &gt;</a></div>
        </div>
        <div class="Product_tail">
            <div class="Product_tail1">
                <img src="./APP图片/1.webp" alt="">
            </div>
            <div class="Product_tail1">
                <img src="./APP图片/2.webp" alt="">
            </div>
            <div class="Product_tail1">
                <img src="./APP图片/3.webp" alt="">
            </div>
            <div class="Product_tail1">
                <img src="./APP图片/4.webp" alt="">
            </div>
            <div class="Product_tail1">
                <img src="./APP图片/5.webp" alt="">
            </div>
            <div class="Product_tail1">
                <img src="./APP图片/6.webp" alt="">
            </div>
            <div class="Product_tail2">
                <img src="./APP图片/7.webp" alt="">
            </div>
        </div>
        <div class="tail">
            <a href=""><img src="./APP图片/be8d179bf290ba579247340bd02103a3.png" alt=""></a>
        </div>
        <div class="nav_tail">
            <div class="nav_tail1">
                <a href="../首页.html">
                    <img src="./APP图片/icon-home-selected.598ca2c8f9.png" alt="">
                    <p class="xl">首页</p>
                </a>
            </div>
            <div class="nav_tail1">
                <a href="./html/分类.html"><img src="./APP图片/icon-category.be93273636.png" alt=" ">
                    <p>分类</p>
                </a>
            </div>
            <div class="nav_tail1 ">
                <a href="./html/米圈.html">
                    <img src="./APP图片/icon-star.d051789804.png " alt=" ">
                    <p>米圈</p>
                </a>
            </div>
            <div class="nav_tail1 ">
                <a href="">
                    <img src="./APP图片/icon-cart.585c3aa4d3.png " alt=" ">
                    <p>购物车</p>
                </a>
            </div>
            <div class="nav_tail1 ">
                <a href="./html/我的.html">
                    <img src="./APP图片/icon-user.23496a0116.png " alt=" ">
                    <p>我的</p>
                </a>
            </div>
        </div>
    </div>
</body>

</html>